/*
 * @Author: xinqiao lxq1990.0716@qq.com
 * @Date: 2023-12-25 18:17:26
 * @LastEditors: xinqiao lxq1990.0716@qq.com
 * @LastEditTime: 2023-12-26 19:25:39
 * @FilePath: \h5-components\src\enum\styleEnum.ts
 * @Description: 主题枚举
 */

/** 薄暮/斗志、奔放 */
export const SSCD_RED_1 = '#fff1f0'
export const SSCD_RED_2 = '#ffccc7'
export const SSCD_RED_3 = '#ffa39e'
export const SSCD_RED_4 = '#ff7875'
export const SSCD_RED_5 = '#ff4d4f'
export const SSCD_RED_6 = '#f5222d'
export const SSCD_RED_7 = '#cf1322'
export const SSCD_RED_8 = '#a8071a'
export const SSCD_RED_9 = '#820014'
export const SSCD_RED_10 = '#5c0011'

/** 火山/醒目、澎湃 */
export const SSCD_VOLCANO_1 = '#fff2e8'
export const SSCD_VOLCANO_2 = '#ffd8bf'
export const SSCD_VOLCANO_3 = '#ffbb96'
export const SSCD_VOLCANO_4 = '#ff9c6e'
export const SSCD_VOLCANO_5 = '#ff7a45'
export const SSCD_VOLCANO_6 = '#fa541c'
export const SSCD_VOLCANO_7 = '#d4380d'
export const SSCD_VOLCANO_8 = '#ad2102'
export const SSCD_VOLCANO_9 = '#871400'
export const SSCD_VOLCANO_10 = '#610b00'

/** 日暮/温暖、欢快 */
export const SSCD_ORANGE_1 = '#fff7e6'
export const SSCD_ORANGE_2 = '#ffe7ba'
export const SSCD_ORANGE_3 = '#ffd591'
export const SSCD_ORANGE_4 = '#ffc069'
export const SSCD_ORANGE_5 = '#ffa940'
export const SSCD_ORANGE_6 = '#fa8c16'
export const SSCD_ORANGE_7 = '#d46b08'
export const SSCD_ORANGE_8 = '#ad4e00'
export const SSCD_ORANGE_9 = '#873800'
export const SSCD_ORANGE_10 = '#612500'

/** 金盏花/活力、积极 */
export const SSCD_GOLD_1 = '#fffbe6'
export const SSCD_GOLD_2 = '#fff1b8'
export const SSCD_GOLD_3 = '#ffe58f'
export const SSCD_GOLD_4 = '#ffd666'
export const SSCD_GOLD_5 = '#ffc53d'
export const SSCD_GOLD_6 = '#faad14'
export const SSCD_GOLD_7 = '#d48806'
export const SSCD_GOLD_8 = '#ad6800'
export const SSCD_GOLD_9 = '#874d00'
export const SSCD_GOLD_10 = '#613400'

/** 日出/出生、阳光 */
export const SSCD_YELLOW_1 = '#feffe6'
export const SSCD_YELLOW_2 = '#ffffb8'
export const SSCD_YELLOW_3 = '#fffb8f'
export const SSCD_YELLOW_4 = '#fff566'
export const SSCD_YELLOW_5 = '#ffec3d'
export const SSCD_YELLOW_6 = '#fadb14'
export const SSCD_YELLOW_7 = '#d4b106'
export const SSCD_YELLOW_8 = '#ad8b00'
export const SSCD_YELLOW_9 = '#876800'
export const SSCD_YELLOW_10 = '#614700'

/** 青柠/自然、生机 */
export const SSCD_LIME_1 = '#fcffe6'
export const SSCD_LIME_2 = '#f4ffb8'
export const SSCD_LIME_3 = '#eaff8f'
export const SSCD_LIME_4 = '#d3f261'
export const SSCD_LIME_5 = '#bae637'
export const SSCD_LIME_6 = '#a0d911'
export const SSCD_LIME_7 = '#7cb305'
export const SSCD_LIME_8 = '#5b8c00'
export const SSCD_LIME_9 = '#3f6600'
export const SSCD_LIME_10 = '#254000'

/** 极光绿/健康、创新 */
export const SSCD_GREEN_1 = '#f6ffed'
export const SSCD_GREEN_2 = '#d9f7be'
export const SSCD_GREEN_3 = '#b7eb8f'
export const SSCD_GREEN_4 = '#95de64'
export const SSCD_GREEN_5 = '#73d13d'
export const SSCD_GREEN_6 = '#52c41a'
export const SSCD_GREEN_7 = '#389e0d'
export const SSCD_GREEN_8 = '#237804'
export const SSCD_GREEN_9 = '#135200'
export const SSCD_GREEN_10 = '#092b00'

/** 明青/希望、坚强 */
export const SSCD_CYAN_1 = '#e6fffb'
export const SSCD_CYAN_2 = '#b5f5ec'
export const SSCD_CYAN_3 = '#87e8de'
export const SSCD_CYAN_4 = '#5cdbd3'
export const SSCD_CYAN_5 = '#36cfc9'
export const SSCD_CYAN_6 = '#13c2c2'
export const SSCD_CYAN_7 = '#08979c'
export const SSCD_CYAN_8 = '#006d75'
export const SSCD_CYAN_9 = '#00474f'
export const SSCD_CYAN_10 = '#002329'

/** 拂晓蓝/包容、科技、普惠 */
export const SSCD_BLUE_1 = '#e6f4ff'
export const SSCD_BLUE_2 = '#bae0ff'
export const SSCD_BLUE_3 = '#91caff'
export const SSCD_BLUE_4 = '#69b1ff'
export const SSCD_BLUE_5 = '#4096ff'
export const SSCD_BLUE_6 = '#1677ff'
export const SSCD_BLUE_7 = '#0958d9'
export const SSCD_BLUE_8 = '#003eb3'
export const SSCD_BLUE_9 = '#002c8c'
export const SSCD_BLUE_10 = '#001d66'

/** 极客蓝/探索、钻研 */
export const SSCD_GEEKBLUE_1 = '#f0f5ff'
export const SSCD_GEEKBLUE_2 = '#d6e4ff'
export const SSCD_GEEKBLUE_3 = '#adc6ff'
export const SSCD_GEEKBLUE_4 = '#85a5ff'
export const SSCD_GEEKBLUE_5 = '#597ef7'
export const SSCD_GEEKBLUE_6 = '#2f54eb'
export const SSCD_GEEKBLUE_7 = '#1d39c4'
export const SSCD_GEEKBLUE_8 = '#10239e'
export const SSCD_GEEKBLUE_9 = '#061178'
export const SSCD_GEEKBLUE_10 = '#030852'

/** 酱紫/优雅、浪漫 */
export const SSCD_PURPLE_1 = '#f9f0ff'
export const SSCD_PURPLE_2 = '#efdbff'
export const SSCD_PURPLE_3 = '#d3adf7'
export const SSCD_PURPLE_4 = '#b37feb'
export const SSCD_PURPLE_5 = '#9254de'
export const SSCD_PURPLE_6 = '#722ed1'
export const SSCD_PURPLE_7 = '#531dab'
export const SSCD_PURPLE_8 = '#391085'
export const SSCD_PURPLE_9 = '#22075e'
export const SSCD_PURPLE_10 = '#120338'

/** 法式洋红/明快、感性 */
export const SSCD_MAGENTA_1 = '#fff0f6'
export const SSCD_MAGENTA_2 = '#ffd6e7'
export const SSCD_MAGENTA_3 = '#ffadd2'
export const SSCD_MAGENTA_4 = '#ff85c0'
export const SSCD_MAGENTA_5 = '#f759ab'
export const SSCD_MAGENTA_6 = '#eb2f96'
export const SSCD_MAGENTA_7 = '#c41d7f'
export const SSCD_MAGENTA_8 = '#9e1068'
export const SSCD_MAGENTA_9 = '#780650'
export const SSCD_MAGENTA_10 = '#520339'

/** 中性色 */
export const SSCD_GRAY_1 = '#ffffff'
export const SSCD_GRAY_2 = '#fafafa'
export const SSCD_GRAY_3 = '#f5f5f5'
export const SSCD_GRAY_4 = '#e9e9e9'
export const SSCD_GRAY_5 = '#d9d9d9'
export const SSCD_GRAY_6 = '#bfbfbf'
export const SSCD_GRAY_7 = '#8c8c8c'
export const SSCD_GRAY_8 = '#595959'
export const SSCD_GRAY_9 = '#262626'
export const SSCD_GRAY_10 = '#000000'

/** 主色-点击 */
export const SSCD_PRIMARY_CLICK_COLOR = SSCD_BLUE_7
/** 主色-常规 */
export const SSCD_PRIMARY_COLOR = SSCD_BLUE_6
/** 主色-悬浮 */
export const SSCD_PRIMARY_HOVER_COLOR = SSCD_BLUE_5
/** 主色-特殊场景 */
export const SSCD_PRIMARY_SPECIAL_COLOR = SSCD_BLUE_4
/** 主色-禁用 */
export const SSCD_PRIMARY_DISABLED_COLOR = SSCD_BLUE_3
/** 主色-文字禁用 */
export const SSCD_PRIMARY_TEXT_DISABLED_COLOR = SSCD_BLUE_2
/** 主色-浅色背景 */
export const SSCD_PRIMARY_LIGHT_COLOR = SSCD_BLUE_1

/** 线条-分割线 */
export const SSCD_LINE_SPLIT_COLOR = SSCD_GRAY_4
/** 线条-边框 */
export const SSCD_LINE_BORDER_COLOR = SSCD_GRAY_5

/** 填充-浅色背景 */
export const SSCD_FILL_LIGHT_COLOR = '#f0f2f5'
/** 填充-常规/表头/白底悬浮 */
export const SSCD_FILL_REGULAR_COLOR = SSCD_GRAY_2
/** 填充-禁用 */
export const SSCD_FILL_DISABLED_COLOR = SSCD_GRAY_3
/** 填充-图标 */
export const SSCD_FILL_ICON_COLOR = SSCD_GRAY_8

/** 文字-强调/正文标题 */
export const SSCD_TEXT_COLOR = SSCD_GRAY_9
/** 文字-次强调/正文标题 */
export const SSCD_TEXT_SENCONDARY_COLOR = SSCD_GRAY_8
/** 文字-次要信息 */
export const SSCD_TEXT_INFO_COLOR = SSCD_GRAY_7
/** 文字-置灰信息 */
export const SSCD_TEXT_GRAY_COLOR = SSCD_GRAY_6

/** 成功-点击 */
export const SSCD_SUCCESS_CLICK_COLOR = SSCD_GREEN_7
/** 成功-常规 */
export const SSCD_SUCCESS_COLOR = SSCD_GREEN_6
/** 成功-悬浮 */
export const SSCD_SUCCESS_HOVER_COLOR = SSCD_GREEN_5
/** 成功-特殊场景 */
export const SSCD_SUCCESS_SPECIAL_COLOR = SSCD_GREEN_4
/** 成功-禁用 */
export const SSCD_SUCCESS_DISABLED_COLOR = SSCD_GREEN_3
/** 成功-文字禁用 */
export const SSCD_SUCCESS_TEXT_DISABLED_COLOR = SSCD_GREEN_2
/** 成功-浅色背景 */
export const SSCD_SUCCESS_LIGHT_COLOR = SSCD_GREEN_1

/** 警告/提醒-点击 */
export const SSCD_WARNING_CLICK_COLOR = SSCD_GOLD_7
/** 警告/提醒-常规 */
export const SSCD_WARNING_COLOR = SSCD_GOLD_6
/** 警告/提醒-悬浮 */
export const SSCD_WARNING_HOVER_COLOR = SSCD_GOLD_5
/** 警告/提醒-特殊场景 */
export const SSCD_WARNING_SPECIAL_COLOR = SSCD_GOLD_4
/** 警告/提醒-禁用 */
export const SSCD_WARNING_DISABLED_COLOR = SSCD_GOLD_3
/** 警告/提醒-文字禁用 */
export const SSCD_WARNING_TEXT_DISABLED_COLOR = SSCD_GOLD_2
/** 警告/提醒-浅色背景 */
export const SSCD_WARNING_LIGHT_COLOR = SSCD_GOLD_1

/** 错误-点击 */
export const SSCD_DANGER_CLICK_COLOR = SSCD_RED_7
/** 错误-常规 */
export const SSCD_DANGER_COLOR = SSCD_RED_6
/** 错误-悬浮 */
export const SSCD_DANGER_HOVER_COLOR = SSCD_RED_5
/** 错误-特殊场景 */
export const SSCD_DANGER_SPECIAL_COLOR = SSCD_RED_4
/** 错误-禁用 */
export const SSCD_DANGER_DISABLED_COLOR = SSCD_RED_3
/** 错误-文字禁用 */
export const SSCD_DANGER_TEXT_DISABLED_COLOR = SSCD_RED_2
/** 错误-浅色背景 */
export const SSCD_DANGER_LIGHT_COLOR = SSCD_RED_1

/** 链接-点击 */
export const SSCD_LINK_CLICK_COLOR = SSCD_BLUE_7
/** 链接-常规 */
export const SSCD_LINK_COLOR = SSCD_BLUE_6
/** 链接-悬浮 */
export const SSCD_LINK_HOVER_COLOR = SSCD_BLUE_5
/** 链接-特殊场景 */
export const SSCD_LINK_SPECIAL_COLOR = SSCD_BLUE_4
/** 链接-禁用 */
export const SSCD_LINK_DISABLED_COLOR = SSCD_BLUE_3
/** 链接-文字禁用 */
export const SSCD_LINK_TEXT_DISABLED_COLOR = SSCD_BLUE_2
/** 链接-浅色背景 */
export const SSCD_LINK_LIGHT_COLOR = SSCD_BLUE_1

/** 遮罩底色 */
export const SSCD_SHADE_COLOR = 'rgba(0, 0, 0, 0.45)'
/** 遮罩底色（深色） */
export const SSCD_SHADE_DARK_COLOR = 'rgba(0, 0, 0, 0.9)'
/** 遮罩底色（消失） */
export const SSCD_SHADE_NONE_COLOR = 'rgba(0, 0, 0, 0)'

/** 字体 */
export const SSCD_FONT_FAMILY = '-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji'

/** 字号-辅助文 */
export const SSCD_HELP_FONT_SIZE = '12px'
/** 字号-正文 */
export const SSCD_FONT_SIZE = '14px'
/** 字号-标题-小 */
export const SSCD_TITLE_SMALL_FONT_SIZE = '16px'
/** 字号-标题-中 */
export const SSCD_TITLE_MEDIUM_FONT_SIZE = '20px'
/** 字号-标题-大  */
export const SSCD_TITLE_LARGE_FONT_SIZE = '24px'
/** 字号-运营标题-小 */
export const SSCD_OPERATE_SMALL_FONT_SIZE = '36px'
/** 字号-运营标题-中 */
export const SSCD_OPERATE_MEDIUM_FONT_SIZE = '48px'
/** 字号-运营标题-大  */
export const SSCD_OPERATE_LARGE_FONT_SIZE = '56px'

/** 行高-辅助文 */
export const SSCD_HELP_LINE_HEIGHT = '20px'
/** 行高-正文 */
export const SSCD_LINE_HEIGHT = '22px'
/** 行高-标题-小 */
export const SSCD_TITLE_SMALL_LINE_HEIGHT = '24px'
/** 行高-标题-中 */
export const SSCD_TITLE_MEDIUM_LINE_HEIGHT = '28px'
/** 行高-标题-大  */
export const SSCD_TITLE_LARGE_LINE_HEIGHT = '32px'
/** 行高-运营标题-小 */
export const SSCD_OPERATE_SMALL_LINE_HEIGHT = '44px'
/** 行高-运营标题-中 */
export const SSCD_OPERATE_MEDIUM_LINE_HEIGHT = '56px'
/** 行高-运营标题-大  */
export const SSCD_OPERATE_LARGE_LINE_HEIGHT = '64px'

/** 字重-light */
export const SSCD_LIGHT_FONT_WEIGHT = 300
/** 字重-regular  */
export const SSCD_REGULAR_FONT_WEIGHT = 400
/** 字重-medium  */
export const SSCD_MEDIUM_FONT_WEIGHT = 500
/** 字重-semibold  */
export const SSCD_SEMIBOLD_FONT_WEIGHT = 600

/** 阴影-一级  */
export const SSCD_SHADOW_FIRST = '0px 1px 2px -2px rgba(0, 0, 0, 0.16)'
/** 阴影-二级  */
export const SSCD_SHADOW_SECOND = '0px 3px 6px -4px rgba(0, 0, 0, 0.12)'
/** 阴影-三级  */
export const SSCD_SHADOW_THIRD = '0px 6px 16px -8px rgba(0, 0, 0, 0.08)'

/** 白色 */
export const SSCD_WHITE_COLOR = SSCD_GRAY_1
